<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>广告详情</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="viewport" content="width=device-width, user-scalable=no">
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta name=”apple-mobile-web-app-status-bar-style” content=”default” />
		<meta name=”apple-mobile-web-app-status-bar-style” content=”black” />
		<meta name=”apple-mobile-web-app-status-bar-style” content=”black-translucent” />
		<meta content="telephone=no" name="format-detection">
		<meta content="email=no" name="format-detection">
		<meta name="format-detection" content="telephone=no"/>
		<link rel="stylesheet" type="text/css" href="${s.base}/lib/layui/css/layui.css"/>
		<link href="${s.base}/pc/css/swiper.min.css" rel="stylesheet">
		<link href="${s.base}/pc/css/weWeb.css" rel="stylesheet" />
	</head>
	<style type="text/css">
		body,html{background:#f5f5f5;}
		.swiper-pagination-bullet {
		    width:6px;
		    height:6px;
		    display: inline-block;
			border-radius:3px;
		    background: #B9D5FF;opacity:0.7;}
		 .swiper-pagination-bullet-active{
			background:#549AFF;
			width:16px;
			height:6;opacity: 1;
		}
		.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{top:-20px;right: 0; text-align: right;}
		.swiper-pagination{ right:15px;top:15px;position: absolute;}
		.swiper-pagination span{ margin-right:4px;}
	</style>
	<body>
		<div style="background:#fff;">
		<div class="w1200 we-head clearfix">
			<div class="we-head-logo"><img src="/sysFile/showFileByPath?path=${websiteConfiguration.logoPath}"></div>
			<div class="we-head-nav">
				<ul>
					<li onclick="goFistPage()">首页</li>
					<li onclick="goCaseListPage()">案例</li>
					<li onclick="goProductListPage()">应用中心</li>
					<li onclick="goAboutUsPage()">关于我们</li>
					<#if sysUser?? >
					<li onclick="goMyIndexPage()" class="checked">控制中心</li>
					</#if>
				</ul>
			</div>
			<#if sysUser?? >
			<div class="we-head-logined">
				<div class="user-updown ellipsis"><i class="cytfonts">&#xe6a2;</i></div>
				<div class="user-name ellipsis">${sysUser.name}</div>
				<div class="user-Avatar"><img src="/sysFile/showFileByObjectId?objectId=${sysUser.headLogo}"></div>
				<div class="user-txt-list" style="display:none;">
					<ul>
						<li>个人中心</li>
						<li>退出</li>
					</ul>
				</div>
			</div>
			<#else>
			<div class="we-head-loginbtn">
				<span><a href="/login">登录</a></span>
			</div>
			</#if>
		</div>
		</div>
		<div class="ad-details-ctn mart15 clearfix">
			<div class="ad-details-tit">${websiteAdvertisement.title}</div>
			<div class="ad-details-span">
				<span>发布时间：${websiteAdvertisement.createTime?string('yyyy-MM-dd hh:mm:ss')}</span>
			</div>
			<div class="ad-details-txt">${websiteAdvertisement.content}</div>
		</div>
	</body>
	<script src="${s.base}/lib/layui/layui.js" type="text/javascript" charset="utf-8"></script>
	<script src="${s.base}/pc/js/jquery-2.1.4.min.js" type="text/javascript"></script>
	<script src="${s.base}/pc/js/swiper.min.js" type="text/x-javascript"></script>
	<script src="${s.base}/js/common.js" type="text/javascript" charset="utf-8"></script>
	<script src="${s.base}/pc/js/base.js" type="text/x-javascript"></script>
	<script>
        layui.use(['jquery', 'dialog', 'baseutil'], function () {
            var $ = layui.jquery,
                dialog = layui.dialog,
                baseutil = layui.baseutil;

            $('.user-txt-list li').bind('click', function () {
                if ($(this).index() === 0) {
                    window.open('/web/personalEdit', '_self')
                } else if ($(this).index() === 1) {
                    dialog.confirm("确定要退出吗？", function () {
                        baseutil.AjaxGetMark("/webExit", "", function () {
                            window.location.href = "/web/index";
                        });
                    });
                }
            });
        });
		$(function(){
			var swiper1 = new Swiper('#swiper1', {
			  slidesPerView: 1,
			  spaceBetween:0,
			  loop: true,
			  autoplay:true,
			  pagination: {
				el: '.swiper-pagination',
				clickable: true,
			  },
			});
			
			var swiper2 = new Swiper('#swiper2', {
			  slidesPerView: 1,
			  spaceBetween:0,
			  loop: true,
			  autoplay:true,
			  pagination: {
				el: '.swiper-pagination',
				clickable: true,
			  },
			});
			
			var swiper3 = new Swiper('#swiper3', {
			  slidesPerView: 1,
			  spaceBetween:0,
			  loop: true,
			  autoplay:true,
			  initialSlide:2,
			  pagination: {
				el: '.swiper-pagination',
				clickable: true,
			  },
			});
			
			var swiper4 = new Swiper('#swiper4', {
			  slidesPerView: 1,
			  spaceBetween:0,
			  loop: true,
			  autoplay:true,
			  initialSlide:1,
			  pagination: {
				el: '.swiper-pagination',
				clickable: true,
			  },
			});
			
	
			$(".we-head-nav ul li").bind("click",function(){
				$(".we-head-nav ul li").removeClass("checked");
				$(this).addClass("checked");
			})
			
			
			$(".we-head-logined").mouseover(function(){
				$(".user-txt-list").show();
				$(this).find(".user-updown").addClass("Rotate180")
			 })
			 $(".we-head-logined").mouseout(function(){
			 	$(".user-txt-list").hide();
				$(this).find(".user-updown").removeClass("Rotate180")
			 })
		})
	</script>
</html>
